<div class="payment_top">
    <a href="javascript:history.go(-1)"><img class="backImg" src="images/leftarrow.png"></a>
    <span class="payment_title">维修详情</span>
    <!--<img class="backImg_right" src="images/add.png">-->
</div>

<div class="usermember_center" style="background-color:#F7F7F7;overflow-x: hidden;">
    <div class="tablehome_item_detial">
        <div class="add_equipment" style="height: auto;min-height: 60px;padding-bottom: 3%;">
            <div style="height: auto;min-height: 60px">
                <div style="display:block;width: 95%;height: 20px">
                    <div style="float: left;">
                        <img src="images/14.png" style="display: inline-block;width: 20px;height: 20px">
                        <div style="display: inline-block;vertical-align: middle;"><span style="font-weight: 600;padding-right: 15px">{{vm.record.title}}</span>{{vm.record.createtime | date: 'yyyy-MM-dd'}}</div>
                    </div>
                    <div style="display: inline-block;float: right;font-weight: 600;" ng-class="{status1:vm.record.jobstatus == 0,status2:vm.record.jobstatus == 1,status3:vm.record.jobstatus == 2 || vm.record.jobstatus == 3,status4:vm.record.jobstatus == 4}">{{vm.record.jobstatus | repairFilter}}</div>
                </div>
                <div style="display: block;width: 100%;height: auto;margin: 10px 10px;">
                    <div ng-repeat="pro in vm.record.commonality.sort" style="display:inline-block;clear: both;width: auto;height: auto;background-color: rgb(235,241,253);padding: 0 10px;margin:10px;border-radius:25px;color: rgb(127,162,251)" ng-click="vm.chose($event,pro)">
                        {{pro}}
                    </div>
                </div>
                <div style="display: block;word-wrap: break-word;margin: 0 20px" ng-class="{textbottom:vm.record.jobstatus == 1 || vm.record.jobstatus == 2 || vm.record.jobstatus == 3 || vm.record.jobstatus == 4}">
                    {{vm.record.detail}}
                </div>
                <div style="display: block;margin: 5px 20px;width: 90%;height: 20px;padding-top: 1%;" ng-if="vm.record.jobstatus == 1 || vm.record.jobstatus == 2 || vm.record.jobstatus == 3 || vm.record.jobstatus == 4">
                    <div style="float: left">
                        <img src="images/15.png" style="width: 20px;height: 20px">
                        <div style="display: inline-block;vertical-align: middle;font-size: 14px"><span style="font-weight: 600;padding-right: 15px">{{vm.record.repairman.name}}</span>{{vm.record.repairman.time | date: 'yyyy-MM-dd'}}</div>
                    </div>
                    <div style="display: inline-block;float: right;font-weight: 600;"><a href="tel:{{vm.record.repairman.phone}}">{{vm.record.repairman.phone}}</a></div>
                </div>
            </div>
        </div>

        <!--<div style="position: fixed;bottom: 4%;width: 100%;text-align: center" ng-if="vm.jobstatus == 2 || vm.jobstatus == 3">
            <div class="inputsn_outbtn">
                <button class="inputsn_btn" style="margin: 0" ui-sref="repairevaluate({jobid:vm.jobid})">去评价</button>
            </div>
        </div>-->

        <div style="height: auto;padding: 3% 0;padding-left: 3%;padding-right: 3%;font-size: 14px;margin-bottom: 10px;background-color: white">
            <div style="height: auto;">
                    <ul>
                        <li style="height: auto;margin: 0;font-size: 14px">
                            <div style="display: inline-block;padding-left: 5%;width: 10%">·</div>
                            <div style="display: inline-block;width: 25%;">提交订单</div>
                            <div style="display: inline-block;width: 60%">{{vm.time1 | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
                        </li>
                        <li style="height: auto;margin: 0;font-size: 14px">
                            <div style="display: inline-block;padding-left: 5%;width: 10%">·</div>
                            <div style="display: inline-block;width: 25%;letter-spacing:12px">接 单</div>
                            <div style="display: inline-block;width: 60%" ng-show="vm.time2">{{vm.time2 | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
                            <div style="display: inline-block;width: 60%" ng-hide="vm.time2">等待接单</div>
                        </li>
                        <li style="height: auto;margin: 0;font-size: 14px">
                            <div style="display: inline-block;padding-left: 5%;width: 10%">·</div>
                            <div style="display: inline-block;width: 25%;letter-spacing:12px">处 理</div>
                            <div style="display: inline-block;width: 60%" ng-show="vm.time3">{{vm.time3 | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
                            <div style="display: inline-block;width: 60%" ng-hide="vm.time3">等待处理</div>
                        </li>
                        <li style="height: auto;margin: 0;font-size: 14px">
                            <div style="display: inline-block;padding-left: 5%;width: 10%">·</div>
                            <div style="display: inline-block;width: 25%;;letter-spacing:12px">评 价</div>
                            <div style="display: inline-block;width: 60%" ng-show="vm.time4">{{vm.time4 | date: 'yyyy-MM-dd HH:mm:ss'}}</div>
                            <div style="display: inline-block;width: 60%" ng-hide="vm.time4">等待评价</div>
                        </li>
                    </ul>
            </div>
        </div>

        <div class="add_equipment" style="height: auto;min-height: 60px;padding-bottom: 3%;" ng-if="vm.record.jobstatus == 4">
            <div style="height: auto;min-height: 60px">
                <div style="display:block;width: 95%;height: 20px">
                    <div style="float: left;">
                        <img src="images/18.png" style="display: inline-block;width: 20px;height: 20px">
                        <div style="display: inline-block;vertical-align: middle;">
                            <span style="font-weight: 600;padding-right: 15px">我的评价</span>
                            <div ng-switch="vm.evaluate.content.sort" style="display: inline-block">
                                <img ng-switch-when="1" src="images/28.png" style="width: 20px;height: 20px">
                                <img ng-switch-when="2" src="images/19.png" style="width: 20px;height: 20px">
                                <img ng-switch-when="3" src="images/27.png" style="width: 20px;height: 20px">
                            </div>
                        </div>


                    </div>
                </div>
                <div style="display: block;width: 100%;height: auto;margin: 10px 10px;">
                    <div ng-repeat="pro in vm.evaluate.content.quickevaluation" style="display:inline-block;clear: both;width: auto;height: auto;background-color: #0A92EF;padding: 0 10px;margin:10px;border-radius:25px;color: rgb(255,255,255)" ng-click="vm.chose($event,pro)">
                        {{pro}}
                    </div>
                </div>
                <div style="display: block;width: 100%;height: auto;margin: 10px 10px;padding-right: 10px;">
                    <div>
                        {{vm.evaluate.content.evaluation}}
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>

<message-Component message-visible="vm.messageVisible" message="vm.message"  surebtn="vm.sureBtn()"
                   cancelbtn="vm.cancelBtn()"></message-Component>